<template>
  <div>
    <el-card class="box-card">
      <el-radio-group v-model="sele">
        <el-radio label="1">医恵集成平台</el-radio>
        <el-radio label="2">HIS视图</el-radio>
      </el-radio-group>
      <el-button type="primary" icon="el-icon-edit-outline" size="mini" style="float:right;" plain>保存</el-button>
    </el-card>
    <el-card class="box-card">
      <div class="ipt-title"> 数据库类型:</div>
      <el-select v-model="value" placeholder="请选择" size="mini">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
        </el-option>
      </el-select>
      <div class="ipt-title"> 数据库IP:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title"> 实例名:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title"> 端口号:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title"> 数据库名:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title"> 用户名:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title"> 密码:</div>
      <el-input v-model="input" show-password size="mini" class="ipt" />
      <div class="ipt-title">住院视图名:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title">门诊视图名:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title">获取电话sql:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title">更新电话sql:</div>
      <el-input v-model="input" size="mini" class="ipt" />
      <div class="ipt-title">
        <el-button type="primary" size="mini">测试并更新连接</el-button>
      </div>

    </el-card>

  </div>
</template>

<script>
export default {
  data() {
    return {
      sele: "",
      value: "",
      input: "",
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
    };
  },
};
</script>
<style scoped>
body {
  background-color: #f8f9fa;
}
.box-card {
  margin: 5px;
}
.el-card /deep/ .el-card__header {
  padding: 10px 20px;
  background-color: #e2e2e2;
}
.top-ipt {
  margin-left: 5px;
}
.el-input__suffix {
  padding-bottom: 50px;
}
.ipt-title {
  font-weight: bold;
  margin-top: 12px;
}
.ipt {
  width: 200px;
}
</style>